<template>
	<text class="bgc text-white rounded-circle font-sm" :class="badgeClass" 
	:style="freebadge+badgeStyle"
	>{{Num > 99 ? '99' : Num}}</text>
</template>

<script>
	export default {
		props:{
			// 角标定位类型
			badgeClass:{
				type:String,
				default:""
			},
			// 具体定位
			badgeStyle:{
				type:String,
				default:""
			},
			// 角标数字
			Num:{
				type:[String,Number],
				default:""
			}
			// right: 15rpx;top:15rpx
		},
		computed:{
			freebadge(){
				
				if(this.Num<10){
					return `padding-left:10rpx;padding-right:10rpx;`
				}else{
					return `padding-left:7rpx;padding-right:7rpx;padding-bottom:1rpx;`
				}
			}
		}
	}
</script>

<style scoped>
	/* .free-badge{
		padding-left:10rpx;padding-right:10rpx;	} */
		.bgc{
			background-color: #FB4741;
		}
</style>
